{{#d-section pageClass="user-notifications" class="user-navigation"}}
  {{#mobile-nav class='notifications-nav' desktopClass='notification-list action-list nav-stacked' currentPath=application.currentPath}}
    <li class='no-glyph'>
      {{#link-to 'userNotifications.index'}}{{i18n 'user.filters.all'}}{{/link-to}}
    </li>
    <li>
      {{#link-to 'userNotifications.responses'}}
        <i class="glyph fa fa-reply"></i>
        {{i18n 'user_action_groups.6'}}
      {{/link-to}}
    </li>
    <li>
      {{#link-to 'userNotifications.likesReceived'}}
        <i class="glyph fa fa-heart"></i>{{i18n 'user_action_groups.2'}}
      {{/link-to}}
    </li>
    <li>{{#link-to 'userNotifications.mentions'}}<i class="glyph fa fa-at"></i>{{i18n 'user_action_groups.7'}}{{/link-to}}</li>
    <li>{{#link-to 'userNotifications.edits'}}<i class="glyph fa fa-pencil"></i>{{i18n 'user_action_groups.11'}}{{/link-to}}</li>
  {{/mobile-nav}}

  {{#if model}}
    {{d-button title='user.dismiss_notifications_tooltip'
               class='btn dismiss-notifications'
               action="resetNew"
               label='user.dismiss_notifications'
               icon='check'
               disabled=allNotificationsRead}}
  {{/if}}
{{/d-section}}

<section class='user-right'>
  {{#load-more class="notification-history user-stream" selector=".user-stream .notification" action="loadMore"}}
    {{outlet}}
    {{conditional-loading-spinner condition=model.loadingMore}}
  {{/load-more}}
</section>
